<!DOCTYPE HTML>
<html>
<head>
    <include file="Public/head"/>
</head>
<body style="background-color: #fff;">
<!-- 头部 -->
<include file="Public/header"/>
<!-- /头部 -->

<div id="notice_mask" style="display: none;"></div>
<div id="notice_message" style="position: absolute; display: none;">
    <div class="title">[公 告] {$ann.title}<a onclick="javascript:jQuery('#notice_mask').hide(),jQuery('#notice_message').hide();">×</a></div>
    <div class="content">
			<pre style="white-space:pre-wrap;">
            {$ann.content}
            </pre>
       <div style="float: right;font-size: 14px"> {$ann.ctime|friendlyDate}</div>
    </div>
</div>


<!-- 主体 -->
<!--顶部Banner-->
<div class="jumbotron" style="margin-top: -30px;">
    <div class="container">
        {:hook('pageHeader')}
    </div>

    <div class="container ann">
        <div>

            <div class="font" style="border-bottom: 1px solid #cccccc;padding-bottom: 50px;">
                <div class="laba"></div>
                <span class="span1">公告：</span>
                <span class="span2" onclick="javascript:$('#notice_mask').show(), $('#notice_message').show(); window.scrollTo(0,0);">{$ann.title}</span>
                <span class="span3">{$ann.ctime|friendlyDate}</span>


            </div>
        </div>
    </div>

</div>


<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <h2 style="font-size: 27px;font-weight: normal">产品服务套餐</h2>

            <div style="width: 1138px;height: 275px;border: 1px solid #ccc;">
                <div class="plan" style="">
                    <p class="pro_title">微信推广平台</p>

                    <p style="color: #a19f9f">微官网 微营销 微商城……</p>

                    <div class="plan_logo"></div>
                    <p style="margin: 20px 0 0 0;"><span class="orange">4.3元</span>/天</p>

                    <p><span class="orange"> 1600元</span>/年 包年</p>
                    <a href="" class="btn btn-primary">详细信息</a>
                </div>
                <div class="plan" style="">
                    <p class="pro_title">微商城定制版</p>

                    <p style="color: #a19f9f">丰富的商城模板 合适各种行业</p>

                    <div class="plan_logo" style="background-position: -72px 0;"></div>
                    <p style="margin: 20px 0 0 0;"><span class="orange">7.6元</span>/天</p>

                    <p><span class="orange">2800元</span>/年 包年</p>
                    <a href="" class="btn btn-primary">详细信息</a>
                </div>
                <div class="plan" style="">
                    <p class="pro_title">微信营销代运营</p>

                    <p style="color: #a19f9f">公众号搭建 推广 日常运营全方位服务</p>

                    <div class="plan_logo" style="background-position: -140px 0;"></div>
                    <p style="margin: 20px 0 0 0;"><span class="orange">26.8元</span>/天</p>

                    <p><span class="orange">9800元</span>/年 包年</p>
                    <a href="" class="btn btn-primary">详细信息</a>
                </div>
                <div class="plan" style="border-right:0;">
                    <p class="pro_title">客户定制开发服务</p>

                    <p style="color: #a19f9f">按行业特点要求进行深度开发制作</p>

                    <div class="plan_logo" style="background-position: -207px 0;"></div>

                    <p style="margin: 20px 0 0 0;">&nbsp;</p>

                    <p><span class="orange">详谈</span></p>
                    <a href="" class="btn btn-primary">详细信息</a>
                </div>
            </div>


        </div>
    </div>
</div>


<div class="container" style="height: 300px;margin-bottom: 30px">
    <div class="row">
        <div class="col-xs-12">
            <div class="new"
                 style="width: 560px;border: 2px solid #ccc;float: left;padding: 20px 0 20px 30px;margin-top:30px;height: 260px; ">
                <h2 style="font-size: 27px;font-weight: normal">最新动态</h2>
                <volist name="new" id="vo">
                    <li style="height: 40px;line-height: 20px;padding-bottom: 20px;font-size: 14px;color:#cccccc">
                        <a style="color:#666 " title="{$vo.title}"
                           href="{:U('Forum/Index/detail',array('id'=>$vo['id']))}" target="_blank">{$vo.title|mb_substr=0,20,'utf-8'}</a>
                        <span style="float: right;margin-right: 40px"> {$vo.create_time|friendlyDate}</span>
                    </li>

                </volist>

            </div>

            <div class="right_config"
                 style="width: 560px ;border: 2px solid #ccc ;float: right;padding: 20px 0 20px 30px;margin-top:30px;height: 260px;">
                <h2 style="font-size: 27px;font-weight: normal">{:C('DEFAULT_RIGHT_NAME')}</h2>
                <volist name="config_sectiion" id="vo" key="k">
                    <php>  preg_match_all('/\<img.*?\/\>/',$config_sectiion[0]['content'],$img);
                        if($img[0] == null){</php>
                    <li style="height: 40px;line-height: 20px;padding-bottom: 20px;font-size: 14px;color:#cccccc">
                        <a style="color:#666 " title="{$vo.title}"
                           href="{:U('Forum/Index/detail',array('id'=>$vo['id']))}" target="_blank">{$vo.title|mb_substr=0,20,'utf-8'}</a>
                        <span style="float: right;margin-right: 40px"> {$vo.create_time|friendlyDate}</span>
                    </li>
                    <php>}else{</php>
                    <php>if($k == 1){
                        preg_match_all('/\<img.*?\/\>/',$vo['content'],$img);

                    </php>
                    <li style="height: 20px;line-height: 20px;padding-bottom: 10px;font-size: 14px;color:#cccccc;clear: both;list-style: none">
                        <div style="width: 105px;height: 70px;overflow: hidden;float: left;margin-right: 20px;">
                            {$img.0.0}
                        </div>
                        <a style="color:deepskyblue;font-weight: bold;font-size: 18px; " title="{$vo.title}"
                           href="{:U('Forum/Index/detail',array('id'=>$vo['id']))}" target="_blank">
                            {$vo.title|mb_substr=0,10,'utf-8'}</a>
                        <span style="float: right;margin-right: 40px"> {$vo.create_time|friendlyDate}</span>
                    </li>
                    <php>}else{</php>
                    <li style="height: 25px;line-height: 20px;padding-bottom: 10px;font-size: 14px;color:#cccccc;clear: both">
                        <a style="color:#666 " title="{$vo.title}"
                           href="{:U('Forum/Index/detail',array('id'=>$vo['id']))}" target="_blank"> {$vo.title}</a>
                        <span style="float: right;margin-right: 40px"> {$vo.create_time|friendlyDate}</span>
                    </li>
                    <php>}}</php>


                </volist>

            </div>

        </div>
    </div>
</div>


<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <h2 style="font-size: 27px;font-weight: normal">产品功能</h2>

            <div style="margin-left: 40px;">
                <div style="clear: both">
                    <div class="product">
                        <div class="pro_fun"></div>
                        <p class="pro_title">微信CRM</p>

                        <p>高效管理微信粉丝</p>

                        <p>轻松实现精准营销</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -74px 0;"></div>
                        <p class="pro_title">微支付</p>

                        <p>帮助客户实现</p>

                        <p>微支付功能</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -130px 0;"></div>
                        <p class="pro_title">微官网</p>

                        <p>5分钟轻松建站</p>

                        <p>打造酷炫微官网</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -185px 0;"></div>
                        <p class="pro_title">微商城</p>

                        <p>小微信也有大商城</p>

                        <p>电商轻松就能走入微信</p>
                    </div>
                    <div class="product" style="border: 0">
                        <div class="pro_fun" style="background-position: -246px 0;"></div>
                        <p class="pro_title">微团购</p>

                        <p>拇指微团</p>

                        <p>将优惠装入客户口袋</p>
                    </div>
                </div>
                <div class="index_line"></div>
                <div style="clear: both">
                    <div class="product">
                        <div class="pro_fun" style="background-position: 0px -70px;"></div>
                        <p class="pro_title">微物业</p>

                        <p>建立微信社交平台</p>

                        <p>社区虽小 见微知著</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -70px -70px;"></div>
                        <p class="pro_title">微营销</p>

                        <p>活跃现场气氛</p>

                        <p>让粉丝涨起来</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -130px -70px;"></div>
                        <p class="pro_title">微汽车</p>

                        <p>预约试驾或保养 车主关怀</p>

                        <p> 360度看车应有尽有</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -188px -70px;"></div>
                        <p class="pro_title">微房产</p>

                        <p>全景看房 楼盘印象 预约看房</p>

                        <p>有效助力微信营销</p>
                    </div>
                    <div class="product" style="border: 0">
                        <div class="pro_fun" style="background-position: -243px -70px;"></div>
                        <p class="pro_title">微餐饮</p>

                        <p> 扫一扫</p>

                        <p>微信也能够实时点餐</p>
                    </div>
                </div>
                <div class="index_line"></div>
                <div style="clear: both">
                    <div class="product">
                        <div class="pro_fun" style="background-position: 0px -133px;"></div>
                        <p class="pro_title">微酒店</p>

                        <p>在线订房融入微信</p>

                        <p>酒店营销多以条有力途径</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -70px -133px;"></div>
                        <p class="pro_title">微客服</p>

                        <p>沟通6亿用户</p>

                        <p>创造无限商机</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -130px -133px;"></div>
                        <p class="pro_title">微信会员卡</p>

                        <p>方便携带 永不挂失</p>

                        <p>消费积分 一卡配备</p>
                    </div>
                    <div class="product">
                        <div class="pro_fun" style="background-position: -188px -133px;"></div>
                        <p class="pro_title">微预约</p>

                        <p> 各种预约 一键即可</p>

                        <p> 短信邮件会立即通知客户</p>
                    </div>
                    <div class="product" style="border: 0">
                        <div class="pro_fun" style="background-position: -248px -133px;"></div>
                        <p class="pro_title">数据魔方</p>

                        <p>精准分析用户行为</p>

                        <p> 轻松了解买家</p>
                    </div>
                </div>


            </div>

        </div>
    </div>
</div>

<div class="select-help" id="select_help" style="top: 130px;">

    <div id="open_im" style="display:none;">&nbsp;</div>
    <div class="contact" id="im_main">
        <div id="close_im">&nbsp;</div>
        <div class="im-title f-18">在线咨询</div>
        <div class="im-qq">
            <a onclick="openBizQQ();" href="http://wpa.qq.com/msgrd?v=3&amp;uin=117776028&amp;site=qq&amp;menu=yes"><img src="__STATIC__/oneplus/images/im_qq.png"></a>
            <a onclick="openBizQQ();" href="http://wpa.qq.com/msgrd?v=3&amp;uin=117776028&amp;site=qq&amp;menu=yes"><img src="__STATIC__/oneplus/images/im_qq.png"></a>
            <a onclick="openBizQQ();" href="http://wpa.qq.com/msgrd?v=3&amp;uin=117776028&amp;site=qq&amp;menu=yes"><img src="__STATIC__/oneplus/images/im_qq.png"></a>
        </div>
        <div class="im-tel f-14">
            <div>售前咨询热线</div>
            <div>400-720-0886</div>
        </div>
        <div class="im-weixin">
            <img style="height:120px; width:120px" src="__STATIC__/oneplus/images/im_weixin.jpg"><br>
            <div class="section scrollable Auto_Widget" data-widget-type="Switchable" data-widget-config="{effect:'scrolly',viewSize:[160,34],steps:1,haslrbtn:true,}">
                <div class="scroller" style="position: relative;">
                    <div class="switchable-content" id="switchable" style="position: absolute; top: 0px;">
                        <div style="position: relative; top: -3px;">微信扫一扫，立即体验微帮客</div>
                        <div>微信扫一扫，帮助客户营销</div>
                    </div>
                    <ul class="switchable-triggerBox">
                        <li class="active">•</li>
                        <li class="">•</li>
                        <li>•</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $('#close_im').click(function(e){
        $('#im_main').hide();
        $('#open_im').show();
    });
    $('#open_im').click(function(e){
        $('#im_main').show();
        this.hide();
    });
    setInterval(function(){
        if(  $('#switchable').css('top')=='0px'){
            $('#switchable') .animate({top:"-43px"});
        }
        else{
          $('#switchable') .animate({top:"0px"});
        }

    },3000)

</script>

<!-- /主体 -->

<!-- 底部 -->
<include file="Public/footer"/>
<!-- /底部 -->
</body>
</html>

<block name="script">
    <script>
        //实现翻屏按钮
        $(function () {
            $('#turn-screen').click(function () {
                var screen = $('html,body');
                screen.animate({scrollTop: $(this).offset().top + $(this).parent().height() + 20})
            })
        })

        //鼠标移动到特性介绍图片的时候显示文字
        $('.index-feature-table ul li').mouseenter(function () {
            var image = $(this).find('img');
            var caption = $(this).find('div');

            caption.width(image.width());
            caption.height(image.height());
            caption.animate({opacity: 1});
        }).mouseleave(function () {
                    var image = $(this).find('img');
                    var caption = $(this).find('div');

                    caption.width(image.width());
                    caption.height(image.height());
                    caption.animate({opacity: 0});
                });
    </script>


    <script>$(function () {
        $('.plan').mouseover(function () {
            $(this).css('border', '1px solid #54c5fd')

        })
        $('.plan').mouseleave(function () {
            $(this).css('border', '0')
            $(this).css('border', '1px solid #ccc')
        })
    })

    </script>

</block>